<%-- 
    Document   : login
    Created on : Mar 22, 2014, 7:02:26 PM
    Author     : cuong_000
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
﻿<!DOCTYPE html>
<html class="app js flexbox flexboxlegacy no-touch rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent" style=""><!-- <![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Social Network - Login Page</title>

        <!-- Meta -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="icon" type="image/png" href="assets/images/22.jpg">
        <!--[if lt IE 9]><link rel="stylesheet" href="http://preview.mosaicpro.biz/shared/components/library/bootstrap/css/bootstrap.min.css" /><![endif]-->

        <link rel="stylesheet" href="./assets/css/templatecss.css">
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <script src="./assets/js/login/jquery.min.js"></script>
        <script src="./assets/js/login/jquery-migrate.min.js"></script>
        <script src="./assets/js/login/modernizr.js"></script>
        <script src="./assets/js/login/less.min.js"></script>
        <script src="./assets/js/login/excanvas.js"></script>
        <script src="./assets/js/login/ie.prototype.polyfill.js"></script>	
        <script>if (/*@cc_on!@*/false && document.documentMode === 10) {
                document.documentElement.className += ' ie ie10';
            }</script>

    </head>
    <body class=" breakpoint-992 breakpoint-768 pace-done" style="">

        <!-- Main Container Fluid -->
        <div class="container-fluid">

            <!-- Content -->
            <div id="content">
                
                <!-- <div class="layout-app col-fs"> --><div class="layout-app col-fs">
                    <div class="row row-app">
                        <div class="col-md-12">
                            <div class="col-separator col-separator-first box col-unscrollable col-fs">
                                <div class="col-table">
                                    <div class="col-table-row">
                                        <div class="col-app col-unscrollable tab-content">
                                            <div class="col-app lock-wrapper lock-bg-1 tab-pane active animated fadeIn hasNiceScroll" id="lock-1-1" tabindex="5000" style="overflow-y: hidden; outline: none;">
                                                <h3 class="text-white innerB text-center">Social Network</h3>
                                                <div class="lock-container">
                                                    <div class="innerAll text-center">
                                                        <form action="/SocialNetwork/Login" method="POST">
                                                            <img src="./assets/images/22.jpg" class="img-circle">
                                                            <div class="innerLR">
                                                                <input class="form-control text-center bg-gray" type="text" name="email" placeholder="Email" pattern=".{3,50}" required title="content is not less than 3 characters"/>
                                                                <input class="form-control text-center bg-gray" type="password" name="password" placeholder="Enter Password" pattern=".{3,30}" required title="content is not less than 3 characters"/>
                                                            </div>
                                                            <div class="innerT">
                                                                <input  class="btn btn-primary" type="submit" value="Login">
                                                            </div>
                                                            <%
                                                                String returnUrl = request.getParameter("returnUrl");
                                                                if (returnUrl != null) {
                                                                    out.println("<input type=\"hidden\" name=\"returnUrl\" value=\"" + returnUrl + "\" />");
                                                                }
                                                            %>
                                                        </form>
                                                        <% String msg = request.getParameter("msg");
                                                            if (msg != null) {
                                                                out.println("<a class=\"btn margin-none\">" + msg.replaceAll("%20", " ") + "</a>");
                                                            }
                                                        %>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="ascrail2000" class="nicescroll-rails" style="width: 5px; z-index: 2; cursor: default; position: absolute; top: 0px; left: 1361px; height: 500px; display: block; opacity: 1;"><div style="position: relative; top: 0px; float: right; width: 5px; height: 378px; background-color: rgb(37, 173, 159); border: none; background-clip: padding-box; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;"></div></div></div>	
                            </div>
                        </div>
                    </div>
                </div>





                <!-- Global -->
                <script data-id="App.Config">
                    var App = {};
                    var basePath = '',
                            commonPath = '../assets/',
                            rootPath = '../',
                            DEV = false,
                            componentsPath = '../assets/components/';

                    var primaryColor = '#25ad9f',
                            dangerColor = '#b55151',
                            successColor = '#609450',
                            infoColor = '#4a8bc2',
                            warningColor = '#ab7a4b',
                            inverseColor = '#45484d';

                    var themerPrimaryColor = primaryColor;

                </script>

                <script src="./assets/js/login/bootstrap.min.js"></script>
                <script src="./assets/js/login/jquery.nicescroll.min.js"></script>
                <script src="./assets/js/login/breakpoints.js"></script>
                <script src="./assets/js/login/pace.min.js"></script>
                <script src="./assets/js/login/jquery.sidr.js"></script>
                <script src="./assets/js/login/menus.sidebar.chat.init.js"></script>
                <script src="./assets/js/login/jquery.mixitup.min.js"></script>
                <script src="./assets/js/login/mixitup.init.js"></script>
                <script src="./assets/js/login/core.init.js"></script>	

            </div>
        </div>
    </body></html>
